<template>
  <div style="height:50px">
    <mt-header title="固定在顶部" fixed></mt-header>
  </div>
</template>

<script>
  import Vue from 'vue';
  import { Header } from 'mint-ui';
  Vue.component(Header.name, Header);
</script>


<!--
<template>
  <div style="height:75px">
    <mt-tabbar fixed v-model="selected">

      <mt-tab-item id="tab1">
        <router-link to="/" exact>
          <i slot="icon" class="iconfont icon-shouye"></i><br/>
         <span> 首页</span>
        </router-link>
      </mt-tab-item>
      <mt-tab-item id="tab2">
        <router-link to="/news">
         <i slot="icon" class="iconfont icon-xinwen"></i><br/>
         <span> 新闻</span>
        </router-link>
      </mt-tab-item>
      <mt-tab-item id="tab3">
        <router-link to="/product">
          <i slot="icon" class="iconfont icon-chanpin"></i><br/>
          <span>产品</span>
        </router-link>
      </mt-tab-item>
      <mt-tab-item id="tab4">
        <router-link to="/cart">
        <i slot="icon" class="iconfont icon-gouwuche"></i><br/>
         <span> 购物车</span>
        </router-link>
      </mt-tab-item>
      <mt-tab-item id="tab4">
        <router-link to="/my">
         <i slot="icon" class="iconfont icon-wode"></i><br/>
         <span> 我的</span>
       </router-link>
      </mt-tab-item>

    </mt-tabbar>
  </div>
</template>

<script>
//   import Vue from 'vue';

//   import { Tabbar, TabItem } from 'mint-ui';

// Vue.component(Tabbar.name, Tabbar);
// Vue.component(TabItem.name, TabItem);
// </script>

// <style>
//   /* li{
//     list-style: none;
//   } */
//   .mint-tabbar > .mint-tab-item.is-selected a{
//         color :red
//     }

//   .mint-tab-item-label a{
//     text-decoration:none
//   }
// </style>
-->
